<template>
  <div class="total-num">
    <ul class="flex">
      <li v-for="(item,index) in counts" :key="index" class="flex">
        <p>{{item.title}}:</p>
        <p>{{item.value}}</p>
      </li>
    </ul>
  </div>
</template>

<script>
  export default {
    props: {
      counts: Array
    },
    data() {
      return {
      }
    }
  }
</script>

<style lang='scss' scoped>
  .total-num {
    ul {
      padding: 20px 0;
  
      li {
        padding: 0 20px;
        border-right: 1px solid #dadada;
      }
  
      li:last-child {
        border-right: 0;
      }
    }
  }
</style>
